<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<style type='text/css'>
body{background-color:#f7fcfa}
h1{color:#99ccff}
form{	position:relative;
		border:2px solid #a1a1a1;
		padding:1px		;
		width:100px;
		
*.input_style 
        {
            width: 400px;
            height: 25px;
            font-size: 22px;
}
#
{    
    height: auto;
    overflow: hidden;
    border: solid 1px #CCCCCC;
}

}
input {
    width: 250px;
    height: 50px;
    line-height: 30px;
    margin-left: 30%;
    text-align: left;
    font-family: 楷体;
	font-size:20px;
}


#submit {
    display: block;
    width: 200px;
    height: 30px;
    margin-left: 35%;
    margin-top: 15px;
    margin-bottom: 5px;
	text-align:center;
	
}
fieldset
{width:40% ;
margin-left:30%;
border-radius:10px;
background-color：#F00;
}
h5{text-align:center;}
a{text-align:center;
}
</style>
     


</head>


<body>
	<section class=''>
		<h1 style="text-align:center;">风流</h1>
		 <h4 style=text-align:center>有趣的灵魂总会相遇</h4>
			<fieldset >
			<legend>Information</legend>
			
			  <input id='userid' type='text' required placeholder='用户名' /><br>

			  <input id='password' type='passwoed' required placeholder='密码' /><br>
			 
			  <input id='password_2' type='passwoed' required placeholder='确认密码' /><br>
			 
			 <input id='email' type='email' placeholder='邮箱' autocomplete="on"/><br>
			
			 <input id='phonenNmber' type='text' placeholder='手机号' />
			 <div class="alert alert-info">
				<input id='read' type='checkbox'  style=>我已仔细阅读并接受<ahref="" target="_blank">用户服务条款</a>
			 </div>
			
			<input id ='submit' type='button' value="注册" onclick='test()'
			<h5><a href="#">忘记密码?</a></h5>
			<input id='submit' type='button' value='已有账号?'>
			</fieldset>
		 
		    
		  
		
	</section> 	
	

</body>
</html>	
		